<template>
    <div>
        <el-divider content-position="left">少年包青天</el-divider>
        <el-button type="info" @click="pre()">上一步，填写商品信息</el-button>
        <el-button type="primary" @click="next()">下一步，设置商品库存</el-button>
    </div>
</template>

<script>
    export default {
        name: 'AttrForm',
        data() {
            return {

            }
        },
        methods: {
            pre() {
                this.$emit('update:step', 1)
            },
            next() {
                this.$emit('update:step', 3)
            }
        }
    }
</script>

<style scoped lang="less">
    .el-button {
        position: fixed;
        bottom: 3%;
        right: 3%;
        z-index: 100;
        width: 200px;
    }
    .el-button:first-of-type {
        position: fixed;
        bottom: 3%;
        left: calc(3% + 200px);
        z-index: 100;
    }
</style>